<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
    <title>用户列表</title>
     <link href="/TFUI/libs/ZUI/css/zui.css" rel="stylesheet">
    <link href="/TFUI/libs/table/table-style.css" rel="stylesheet">
    <link href="/TFUI/css/index.css" rel="stylesheet">
    <script src="/TFUI/libs/jquery/jquery-1.8.3.min.js"></script>
    <script src="/TFUI/libs/ZUI/js/zui.min.js"></script>
    <script src="/TFUI/libs/jquery/jquery.ba-hashchange.js"></script>
	<!-- 引入 Chosen 相关资源 -->
	<link href="/TFUI/libs/ZUI/lib/chosen/chosen.min.css" rel="stylesheet">
	<script src="/TFUI/libs/ZUI/lib/chosen/chosen.min.js"></script>
    <script src="/TFUI/js/public.js"></script>
    <script type="text/javascript" src="/TFUI/js/md5.js"></script>
    <script type="text/javascript" src="/TFUI/js/utils/CommonUtil.js"></script>
     <script type="text/javascript" src="/TFUI/js/common.js"></script>
    <link rel="stylesheet" type="text/css" href="/TFUI/libs/ZUI/lib/datetimepicker/datetimepicker.min.css">
	<script type="text/javascript" src="/TFUI/libs/ZUI/lib/datetimepicker/datetimepicker.min.js"></script>
	<script type="text/javascript" src="/TFUI/js/utils/datetimepickerInit.js"></script>
	<script type="text/javascript" src="/views/login/loginFilter.js"></script>
</head>

<body  menuNo="user_manager_menu">
		<div class="row" id="tf-center-head" style="margin:0;padding:10px 0;border-bottom: 1px solid #D7D7D7;">
				<form class="form-horizontal">
				
					<div class="col-md-8">
					
						<div class="col-xs-4"><div class="input-group" style="padding-top:0px;"><span class="input-group-addon">检索词</span><input type="text" class="form-control searchParameter"  id="search_keywords"  placeholder="姓名/账号/手机号"></div></div>
					
						<div class="tf-hidden-seach hidden">

						</div>			
									
					</div>

					<div class="col-md-4">
						<!-- <span style="padding-right:8px;" class="tf-Open-seach"><i class="icon icon-double-angle-down"></i></span> -->
						<button class="btn btn-primary" type="button" id="searchBtn" onclick="SysUserListPage.search();">
							<i class="icon icon-search"></i>
							搜索
						</button>
						<div class="pull-right" style="padding-right:20px">
							<div class="dropdown dropdown-hover" style="display:inline-block;" id="hideColumnLayer">
						    <button class="btn btn-primary" type="button" data-toggle="dropdown" title="隐藏表头"><i class="icon icon-eye-close"></i></button>
									<ul class="dropdown-menu" style="left:-65px;">
										<li><label class="checkbox-inline" style="margin-left:20px;"><input type="checkbox" >账号</label></li>
										<li><label class="checkbox-inline" style="margin-left:20px;"><input type="checkbox" >姓名</label></li>
										<li><label class="checkbox-inline" style="margin-left:20px;"><input type="checkbox" >角色</label></li>
										<li><label class="checkbox-inline" style="margin-left:20px;"><input type="checkbox" >性别</label></li>
										<li><label class="checkbox-inline" style="margin-left:20px;"><input type="checkbox" >手机号</label></li>
										<li><label class="checkbox-inline" style="margin-left:20px;"><input type="checkbox" >状态</label></li>
										<li><label class="checkbox-inline" style="margin-left:20px;"><input type="checkbox" >邮箱</label></li>
									</ul>
							</div>
							<button title="新增" class="btn btn-primary  permissionMenu addUserBtn"  onclick="SysUserListPage.popAddSysUserWindow();" style="margin-left:8px;" type="button"><i class="icon icon-plus"></i></button>
						</div>
					</div>
				</form>
		</div>
		<div class="col-md-12">
			<div id="tf-center-table" class="col-md-12" style="overflow:auto;">
				<table class="dataGrid table" style="margin-bottom: 10px;" id="dataGridTable">
					<thead id = "dataListThread">
						<tr>
							<th style="width:4%;" class="chooseRecord"><input type="checkbox" class="checkall"></th>
							<th>账号</th>
							<th>姓名</th>
							<th>角色</th>
							<th>性别</th>
							<th>手机号</th>
							<th>邮箱</th>
							<th>状态</th>
							<th>操作</th>
						</tr>
					</thead>
			
					<tbody id="dataListLayer"> </tbody>
				</table>
				
				<!--加载图片和未找到的图片-->
				<div style="text-align:center;display:none;position:relative;top:30%;" id="loadingLayer"><i class="icon icon-spin icon-spinner icon-3x"></i></div>
				<div class="noMsg" style="display: none;"  id="recordLayer" ><i class="icon icon-chat-line">&nbsp;暂无数据</i></div>
				
				<!-- 分页工具栏 -->
				<div id="pagingToolbarLayer" class="col-md-12" style="padding:10px 20px;border-top:1px solid #D7D7D7;position:fixed;bottom:0px;">	
					<button class="btn btn-primary"  id="exportBtn"  type="button">导出</button>
					<div class="pagingToolbar" style="margin:0;">
						<select class="chosen-select form-control" id="pageSizeSelectLayer" style="width:100px;display:inline-block;"></select>
						<button id="firstPageBtn" class="btn btn-primary" type="button">首页</button>
						<span id="pageCodeLayer" class="number-page"></span>
						<button id="lastPageBtn" class="btn btn-primary" type="button">末页</button>
						<div class="btn btn-primary" style="background:white;color:#838391;">
							共<span id="pageCountLayer">0</span>页/<span id="recordCountLayer">0</span>条
						</div>
					</div>	
				</div>
				
			</div>
		</div>
		
		<!-- addSysUserWindow弹窗start -->
		<div class="modal fade" id="addSysUserWindow">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
		        <h4 class="modal-title">新增</h4>
		      </div>
		      <div class="modal-body" style="padding:20px;">
					<form class="form-horizontal">

						<div class="form-group">
							<label for="add_account" class="col-sm-2">账号</label>
							<div class="col-md-6 col-sm-10">
								<input type="text" class="form-control"  id="add_account" autocomplete="off">
							</div>
						</div>
						
						<div class="form-group">
							<label for="add_password" class="col-sm-2">密码</label>
							<div class="col-md-6 col-sm-10">
								<input type="password" class="form-control" id="add_password"  autocomplete="off">
							</div>
						</div>
						
						<div class="form-group">
							<label for="add_confirm_password" class="col-sm-2">确认密码</label>
							<div class="col-md-6 col-sm-10">
								<input type="password" class="form-control" id="add_confirm_password"  autocomplete="off">
							</div>
						</div>
						
						<div class="form-group">
							<label for="add_confirm_password" class="col-sm-2">设置角色</label>
							<div class="col-md-6">
								<select data-placeholder="请设置角色" class="chosen-select form-control roleSelect"  tabindex="2" multiple="" style="display:none;">
								</select>
						    </div>
						</div>
						
						<div class="form-group">
							<label for="add_userName" class="col-sm-2">姓名</label>
							<div class="col-md-6 col-sm-10">
								<input type="text" class="form-control" id="add_userName"  autocomplete="off">
							</div>
						</div>
						
						<div class="form-group">
							<label for="add_email" class="col-sm-2">邮箱</label>
							<div class="col-md-6 col-sm-10">
								<input type="text" class="form-control" id="add_email" autocomplete="off">
							</div>
						</div>
						
						<div class="form-group">
							<label for="add_phoneNumber" class="col-sm-2">手机号</label>
							<div class="col-md-6 col-sm-10">
								<input type="text" class="form-control" id="add_phoneNumber" autocomplete="off">
							</div>
						</div>
						
						<div class="form-group">
							<label for="add_gender" class="col-sm-2">性别</label>
							<div class="col-md-2" >
								<select class="form-control" id="add_gender" >
									<option>男</option>
									<option>女</option>
								</select>
							</div>
						</div>
						
						<div class="form-group">
							<label for="add_birthday" class="col-sm-2">生日</label>
							<div class="col-md-4">
								<input type="text" id="add_birthday" class="form-control form-date" readonly="readonly"/>
							</div>
						</div>
					</form>				  
		      </div>
		      
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default closeWindowBtn" data-dismiss="modal">关闭</button>
		        <button type="button" class="btn btn-primary" id="addSysUserBtn" onclick="SysUserListPage.addSysUser();">保存</button>
		      </div>
		      
		    </div>
		  </div>
		</div>
		<!-- addSysUserWindow弹窗end -->
		
		<!-- 编辑用户弹窗start -->
		<div class="modal fade" id="editSysUserWindow">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
		        <h4 class="modal-title">编辑</h4>
		      </div>
		      <div class="modal-body" style="padding:20px;">
					<form class="form-horizontal">

						<div class="form-group">
							<label for="edit_userName" class="col-sm-2">姓名</label>
							<div class="col-md-6 col-sm-10">
								<input type="text" class="form-control" id="edit_userName"  autocomplete="off">
							</div>
						</div>
						
						<div class="form-group">
							<label for="add_confirm_password" class="col-sm-2">设置角色</label>
							<div class="col-md-6">
								<select data-placeholder="请设置角色" class="chosen-select form-control roleSelect"  tabindex="2" multiple="" style="display:none;">
								</select>
						    </div>
						</div>
						
						<div class="form-group">
							<label for="edit_email" class="col-sm-2">邮箱</label>
							<div class="col-md-6 col-sm-10">
								<input type="text" class="form-control" id="edit_email" autocomplete="off">
							</div>
						</div>
						
						<div class="form-group">
							<label for="edit_phoneNumber" class="col-sm-2">手机号</label>
							<div class="col-md-6 col-sm-10">
								<input type="text" class="form-control" id="edit_phoneNumber" autocomplete="off">
							</div>
						</div>
						
						<div class="form-group">
							<label for="edit_gender" class="col-sm-2">性别</label>
							<div class="col-md-2" >
								<select class="form-control" id="edit_gender" >
									<option>男</option>
									<option>女</option>
								</select>
							</div>
						</div>
						
						<div class="form-group">
							<label for="edit_birthday" class="col-sm-2">生日</label>
							<div class="col-md-4">
								<input type="text" id="edit_birthday" class="form-control form-date" readonly="readonly"/>
							</div>
						</div>
						
							<div class="form-group">
							<label for="edit_enable" class="col-sm-2">启用/禁用</label>
							<div class="col-md-2" >
								<select class="form-control" id="edit_enable" >
									<option value="1">启用</option>
									<option value="0">禁用</option>
								</select>
							</div>
						</div>
						
					</form>				  
		      </div>
		      
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default closeWindowBtn" data-dismiss="modal">关闭</button>
		        <button type="button" class="btn btn-primary" id="addSysUserBtn" onclick="SysUserListPage.updateSysUser();">保存</button>
		      </div>
		      
		    </div>
		  </div>
		</div>
		<!-- 编辑用户弹窗end -->
		
		<!-- menuRoleWindow弹窗start -->
		<div class="modal fade" id="menuRoleWindow">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
		        <h4 class="modal-title">菜单权限</h4>
		      </div>
		      <div class="modal-body" style="padding:20px;">
					
					<form class="form-horizontal">

						<div class="form-group">
							<label for="update_userRole" class="col-sm-2">菜单权限</label>
							<div class="col-md-6 col-sm-10">
								<select class="form-control userRole"  id="update_userRole" >
								</select>
							</div>
						</div>

					</form>				  
				  
		      </div>
		      
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default closeWindowBtn" data-dismiss="modal">关闭</button>
		        <button type="button" class="btn btn-primary" id="updateSysUserRoleBtn" onclick="SysUserListPage.updateUserRole();">保存</button>
		      </div>
		      
		    </div>
		  </div>
		</div>
		<!-- menuRoleWindow弹窗end -->
		
		<!-- detailSysUserWindow弹窗start -->
		<div class="modal fade" id="detailSysUserWindow">
		  <div class="modal-dialog modal-lg">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
		        <h4 class="modal-title">详情</h4>
		      </div>
		      <div class="modal-body" style="padding:20px;height:80vh;overflow-y:auto;">
					
					<form class="form-horizontal">
						<div class="form-group">
							<label for="detail_createUserId" class="col-sm-3">创建人</label>
							<div class="col-md-6 col-sm-10">
								<input disabled="disabled"  type="text" class="form-control" id="detail_createUserId" >
							</div>
						</div>

						<div class="form-group">
							<label for="detail_createTime" class="col-sm-3">创建时间</label>
							<div class="col-md-6 col-sm-10">
								<input disabled="disabled"  type="text" class="form-control" id="detail_createTime">
							</div>
						</div>

						<div class="form-group">
							<label for="detail_updateUserId" class="col-sm-3">更新人</label>
							<div class="col-md-6 col-sm-10">
								<input disabled="disabled"  type="text" class="form-control" id="detail_updateUserId" >
							</div>
						</div>

						<div class="form-group">
							<label for="detail_updateTime" class="col-sm-3">更新时间</label>
							<div class="col-md-6 col-sm-10">
								<input disabled="disabled"  type="text" class="form-control" id="detail_updateTime" >
							</div>
						</div>

						<div class="form-group">
							<label for="detail_nickName" class="col-sm-3">姓名</label>
							<div class="col-md-6 col-sm-10">
								<input disabled="disabled"  type="text" class="form-control" id="detail_userName" >
							</div>
						</div>
						
						<div class="form-group">
							<label for="detail_nickName" class="col-sm-3">性别</label>
							<div class="col-md-6 col-sm-10">
								<input disabled="disabled"  type="text" class="form-control" id="detail_gender">
							</div>
						</div>

						<div class="form-group">
							<label for="detail_account" class="col-sm-3">账号</label>
							<div class="col-md-6 col-sm-10">
								<input disabled="disabled"  type="text" class="form-control" id="detail_account" >
							</div>
						</div>

						<div class="form-group">
							<label for="detail_loginFlag" class="col-sm-3">邮箱</label>
							<div class="col-md-6 col-sm-10">
								<input disabled="disabled"  type="text" class="form-control" id="detail_email" >
							</div>
						</div>

						<div class="form-group">
							<label for="detail_type" class="col-sm-3">手机号</label>
							<div class="col-md-6 col-sm-10">
								<input disabled="disabled"  type="text" class="form-control" id="detail_phoneNumber" >
							</div>
						</div>		
						
						<div class="form-group">
							<label for="detail_type" class="col-sm-3">上次登录时间</label>
							<div class="col-md-6 col-sm-10">
								<input disabled="disabled"  type="text" class="form-control" id="detail_lastLoginTime" >
							</div>
						</div>		
						
					</form>				  
				  
		      </div>
		      
		      <div class="modal-footer">
		        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
		      </div>
		      
		    </div>
		  </div>
		</div>
		<!-- detailSysUserWindow弹窗end -->
		
		<!-- 确认重置密码弹窗start -->
		<div class="modal fade" id="resetPasswordSysUserWindow">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
		        <h4 class="modal-title">提示</h4>
		      </div>
		      <div class="modal-body" style="padding:20px;">
					
					<h4 style="text-align:center;">
						<i class="icon icon-trash icon-2x"></i>&nbsp;&nbsp;确认要重置密码吗?
					</h4>
				  	
		      </div>
		      
		      <div class="modal-footer">
		      	<button type="button" class="btn btn-default closeWindowBtn" data-dismiss="modal">关闭</button>
		      	<button type="button" class="btn btn-primary" id="resetPasswordSysUserBtn" onclick="SysUserListPage.resetPassword();">确定</button>
		      </div>
		      
		    </div>
		  </div>
		</div>
		<!-- 确认重置密码弹窗弹窗end -->
		
		<!-- deleteSysUserWindow弹窗start -->
		<div class="modal fade" id="deleteSysUserWindow">
		  <div class="modal-dialog">
		    <div class="modal-content">
		      <div class="modal-header">
		        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span></button>
		        <h4 class="modal-title">提示</h4>
		      </div>
		      <div class="modal-body" style="padding:20px;">
					
					<h4 style="text-align:center;">
						<i class="icon icon-trash icon-2x"></i>&nbsp;&nbsp;确认要删除该条记录吗?
					</h4>
				  	
		      </div>
		      
		      <div class="modal-footer">
		      	<button type="button" class="btn btn-default closeWindowBtn" data-dismiss="modal">关闭</button>
		      	<button type="button" class="btn btn-primary" id="deleteSysUserBtn" onclick="SysUserListPage.deleteSysUser();">确定</button>
		      </div>
		      
		    </div>
		  </div>
		</div>
		<!-- deleteSysUserWindow弹窗end -->

		<script type="text/javascript" src="/TFUI/js/utils/PagingTooler.js"></script>
		<script type="text/javascript" src="/views/sysUser/sysUserListPage.js"></script>
		<script src="/TFUI/libs/export/xlsx.core.min.js"></script>
		<script src="/TFUI/libs/export/blob.js"></script>
		<script src="/TFUI/libs/export/FileSaver.min.js"></script>
		<script src="/TFUI/libs/export/tableExport.js"></script>
		<script src="/TFUI/js/tableInit.js"></script>

</body>

<script>

/*导出excel功能*/
$("#dataGridTable").tableExport({exportBtnConfig : {"#exportBtn" : "xlsx"} , fileName : "列表导出" , ignoreCloumns : ["操作"]});

</script>


</html>
